$(function() {
	initTab();	
	setHelpToolTips();
	disableJustReadElement();
});

function initTab() {
	$("#sl-accordion").accordion();
	$(".sl-selectable").selectable({
		 cancel: "a"
	});
}

function disableJustReadElement() {
	$(".read").each(function() {
		$(this).attr("readonly", "readonly");
	})
	$(".readOnly").each(function() {
		$(this).attr("readonly", "readonly");
	})
}

function determineMode(){
	if(parseInt($("input[name=bean\\.id]").val()) < 0){
		createMode();
	}else if(parseInt($("input[name=bean\\.id]").val()) == 0){
		newVerMode();
	}else{
		readMode();
	}
}

function createMode(){
	$(".edit").each(function() {
		$(this).show();
	});
	$(".read").each(function() {
		$(this).hide();
	});
	
	$("#editBtn").hide();
	$("#saveBtn").show();
	$("#abcBtn").show();
}

function readMode(){
	$(".read").each(function() {
		$(this).show();
	});
	$(".edit").each(function() {
		$(this).hide();
	});
	
	$("#saveBtn").hide();
	$("#editBtn").show();
	$("#abcBtn").hide();
}

function editMode(){
	createMode();
	$(".New").each(function(){
		if($(this).attr("class").indexOf("read") != -1){
			$(this).show();
		}else{
			$(this).hide();
		}
	})
}

function setHelpToolTips(){
	$(document).tooltip({
		items: "[help]",
		content: function() {
			var element = $( this );
			return '<div class="tooltip_class">' + HelpJSON[element.attr("help")] + '</div>';
		}
	});
}